import React from 'react'
import { NavBar } from 'react-vant';
import { ArrowLeft } from '@react-vant/icons';
import { useHistory } from 'react-router-dom/cjs/react-router-dom.min';

//封装头部组件 有返回功能
export default function Myback(props) {

    let history = useHistory()
    //父传子 来的数据
    //title 标题 string
    //leftText 是否显示返回icon == leftTxt
    let { title, leftText } = props

    return (
        <div>
            <NavBar
                title={title}
                leftText={leftText ? "返回" : ''}
                leftArrow={leftText ? <ArrowLeft /> : ''}
                onClickLeft={() => {
                    //返回上一页
                    history.go(-1)
                }}
            />
        </div>
    )
}
